<template>
  <div class="home">
    <header class="header">
      <div class="advertisement">
        <img src="@/../public/images/home/1674570531877.png" alt="">
      </div>
      <div class="search">
        <i class="iconfont icon-31sousuo"></i>
      </div>
    </header>
  </div>
</template>

<script>

export default {
  name: 'HomeView',
}
</script>
<style lang="scss" scoped>
.home{
  width: 100%;
  .header{
    width: 100%;
    padding: 0.05rem;
    box-sizing: border-box;
    display: flex;
    .advertisement{
      width: 0.84rem;
      height: 0.37rem;
      margin-right: 0.12rem;
    }
    .search{
      position: relative;
      width: 2.25rem;
      height: 0.38rem;
      background-color: #f5f7f8;
      border-radius: 0.19rem;
      >i{
        position: absolute;
        font-size: 0.2rem;
        right: 0.1rem;
        top: 0.09rem;
        color: #d7dbdd;
      }
    }
  }
}
</style>
